@charset "utf-8";
@import url("../common.css");
header{
    background: #698af3;
    img{
        height: 1.5rem;
        position: absolute;
        top: 30%;
        left: 10px;
    }
}
#main{
    height: 93%;
    .top{
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        background: #FFFFFF;
        box-shadow: 0px 0px 10px #CCCCCC;
        .center{
            background: #6eb3ff;
            border-radius: 2.4rem;
            color: #FFFFFF;
        }
    }
    .content{
        #slider{
            position: absolute;
            bottom: 1rem;
            left: 0;
            height: 11rem;
            padding: 5px;
            .mui-slider-item{
                width: 100%;
                height: 100%;
                background: #FFFFFF;
                box-shadow: 0px 0px 10px #CCCCCC;
                .xiaoimg{
                    height: 1rem;
                    width: 1rem;
                }
                .headimg{
                    width: 5rem;
                }
               
            }
        }
        .nocomplet{
            box-shadow: 0px 0px 20px #cfe1fb;
             .month{
                background:-moz-linear-gradient(left, #fdb193, #99b5fe);  
                background:-webkit-gradient(linear, 0 50%, 100% 50%, from(#fdb193), to(#99b5fe));  
                background:-o-linear-gradient(left, #fdb193, #99b5fe); 
             }
            .weekdays{
                li{
                    float: left;
                    width: 14.2%;
                    color: #87a1f5;
                }
            }
            .heightrem{
                height: 3rem;
            }
            .days {
               li{
                    float: left;
                    width: 14.2%;
                    line-height: 300%;
                   .textdec{
                        text-decoration: underline;
                        color: #f76934;
                    }
                }
                .bgday{
//                  color: #FFFFFF;
//                  background: #a2abff;
                    background: url(../../img/pinggu/16.png) no-repeat;
                    background-size: contain;
                    background-position:center center;
                }
             }
            .packup{
                background: #ecc9c8;
                img{
                    height: 1rem;
                }
            }
        }
        //
        .tasklist {
            li {
                background: #FFFFFF;
                box-shadow: 0px 0px 20px #cfe1fb;
                .top {
                    background: #f6f8ff;
                    color: #808387;
                }
                .chenter {
                    .headimg {
                        width: 3rem;
                        vertical-align: middle;
                    }
                    .xingbie {
                        width: 1.4rem;
                        vertical-align: middle;
                    }
                    .dianhua {
                        img {
                            height: 1.2rem;
                        }
                    }
                    .bord {
                        border-bottom: dotted 2px #CCCCCC;
                    }
                    .chakan {
                        background: none;
                        border: solid 1px #f76934;
                        outline: none;
                        color: #f76934;
                    }
                    .chakan2 {
                        background: none;
                        border: solid 1px #01cf8d;
                        outline: none;
                        color: #01cf8d;
                    }
                }
            }
        }
        //
    }
}
